<template>
  <div class="page page-child">
    <div class="page__bd">
      <div class="weui-tab">
        <div class="weui-tab__panel">
          <div class="weui-tab__panel_top">
            <i @click="goBack" class="el-icon-arrow-left return-back"></i>
            <div class="top_title"  >
              <p>笔记</p>
            </div>
          </div>
          <div class="weui-tab__panel_bd">
            <van-tabs v-model="active" animated swipeable title-active-color="#62c9f8" color="#62c9f8" title-inactive-color="#333" line-width="5.5rem">
              <van-tab :title="item_title"  v-for="(item_title,title_index) in title" :key="title_index">
               <template v-if="active===0">
                 <div style="height:calc(100vh - 86px);overflow:scroll;background-color: #f6f6f6">
                 </div>
               </template>
               <template v-if="active===1">
                 <div style="height:calc(100vh - 86px);overflow:scroll;background-color: #f6f6f6">
                 </div>
               </template>
              </van-tab>
            </van-tabs>
          </div>
        </div>
      </div>
    </div>
    <AddDrag :list="addList" toolGroupHeight="180px"></AddDrag>
  </div>
</template>
<script>
  import AddDrag from '@/components/publics/AddDrag'
  export default {
    name: "Index"
    ,data(){
      return{
        active:0
        ,title:[
          "最近笔记"
          ,"我的笔记"
        ]
        ,fileList:[

        ]
        ,addList:[
          {
            title:'文件夹'
            ,imgSrc:'/static/images/document_man/addfolder.png'
          }
          ,{
            title:'文本'
            ,imgSrc:'/static/images/notes/text.png'
          }
          ,{
            title:'MarkDown'
            ,imgSrc:'/static/images/notes/md.png'
          }
        ]
      }
    }
    ,methods:{
      goBack(){
        this.$router.go(-1)
      }
    }
    , components: {AddDrag}
  }
</script>

<style scoped>

</style>
